{% assign localization_selector = "currency_selector,locale_selector" | split: "," %}

<div class="tenways-seletor">
  <div class="localization-button">
    <a class="line-hover" href="javascript:void(0)">


  {%- form 'localization', class: 'localization-hove' -%}
    <div class="no-js-hidden">
      <div class="disclosure">
        <img  loading="lazy" src="https://cdn.shopify.com/static/images/flags/{{ localization.country.iso_code | downcase }}.svg" width="15" height="11" alt="{{ localization.country.iso_code | downcase }}">
        {{ localization.country.iso_code }} | {{ localization.language.iso_code | capitalize }}{% render 'icon-caret' %}
      </div>
      <input type="hidden" name="country_code" value="{{ localization.country.iso_code }} | {{ localization.language.iso_code | capitalize }}">
    </div>
  {%- endform -%}





    </a>
  </div>
  <div class="tenways_top" id="tenways_top">
    <localization-form>
      {%- form 'localization', id: 'FooterCountryForm', class: 'localization-form' -%}
      <div class="no-js-hidden">
        <h2 class="caption-large" id="FooterCountryLabel">{{ 'localization.country_label' | t }}</h2>
        <div class="disclosure">
          <button type="button"
            class="disclosure__button localization-form__select localization-selector link link--text caption-large"
            aria-expanded="false" aria-controls="FooterCountryList" aria-describedby="FooterCountryLabel">
            <img  loading="lazy" src="https://cdn.shopify.com/static/images/flags/{{ localization.country.iso_code | downcase }}.svg" width="15" height="11" alt="{{ localization.country.iso_code | downcase }}">
           {{ localization.country.name }}  {{ country.currency.iso_code }}
            {% render 'icon-caret' %}
          </button>
          <ul id="FooterCountryList" role="list" class="disclosure__list list-unstyled" hidden>
            {%- for country in localization.available_countries -%}
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large{% if country.iso_code == localization.country.iso_code %} disclosure__link--active{% endif %} focus-inset"
                href="#" {% if country.iso_code==localization.country.iso_code %} aria-current="true" {% endif %}
                data-value="{{ country.iso_code }}">
                <img  loading="lazy" src="https://cdn.shopify.com/static/images/flags/{{ country.iso_code | downcase }}.svg" width="15" height="11" alt="{{ country.iso_code | downcase }}"> {{ country.name }}
              </a>
            </li>
            {%- endfor -%}
          </ul>
        </div>
        <input type="hidden" name="country_code" value="{{ localization.country.iso_code }}">
      </div>
      {%- endform -%}
    </localization-form>

    <localization-form>
      {%- form 'localization', id: 'FooterLanguageForm', class: 'localization-form' -%}
      <div class="no-js-hidden">
        <h2 class="caption-large" id="FooterLanguageLabel">{{ 'localization.language_label' | t }}</h2>
        <div class="disclosure">
          <button type="button"
            class="disclosure__button localization-form__select localization-selector link link--text caption-large"
            aria-expanded="false" aria-controls="FooterLanguageList" aria-describedby="FooterLanguageLabel">
            {{ localization.language.endonym_name | capitalize }}
            {% render 'icon-caret' %}
          </button>
          <ul id="FooterLanguageList" role="list" class="disclosure__list list-unstyled" hidden>
            {%- for language in localization.available_languages -%}
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large{% if language.iso_code == localization.language.iso_code %} disclosure__link--active{% endif %} focus-inset"
                href="#" hreflang="{{ language.iso_code }}" lang="{{ language.iso_code }}" {% if
                language.iso_code==localization.language.iso_code %} aria-current="true" {% endif %}
                data-value="{{ language.iso_code }}">
                {{ language.endonym_name | capitalize }}
              </a>
            </li>
            {%- endfor -%}
          </ul>
        </div>
        <input type="hidden" name="locale_code" value="{{ localization.language.iso_code }}">
      </div>
      {%- endform -%}
    </localization-form>

  </div>
</div>

